<div class="p-h-md p-v bg-white box-shadow pos-rlt">
<!--  <div class="pull-right hidden-xs w">
    <div class="input-group">
      <span class="input-group-btn">
        <button type="submit" class="btn btn-sm no-bg btn-icon no-shadow no-padder"><i class="ti-search"></i></button>
      </span>
      <input type="text" class="form-control input-sm no-bg no-border" placeholder="搜索...">
    </div>
  </div>-->
  <h3 class="no-margin">概况总览</h3>
</div>
<div class="p-md">
  <div class="row">
    <div class="col-sm-4">
      <div class="panel b-light">
        <div class="panel-heading p-v-xs p-h-sm">
          现金账户
        </div>
        <div class="progress progress-xxxs no-margin no-radius bg-white">
          <div class="progress-bar bg-light" style="width:100%"></div>
        </div>
        <div class="panel-body p-sm" ng-controller="AsideDemoCtrl">
      <button type="button" class="btn btn-sm btn-success ng-click-active pull-right" style="margin:15px 0 0 0" data-template="views/ui/angular-strap/aside.tpl3.html" data-placement="top" data-animation="am-slide-top aside-open-backdrop"  data-container="body"   bs-aside="aside"> <i class="glyphicon glyphicon-plus"></i>
        充值
      </button>
          <div class="pull-left pull-none-sm text-center m-r-xs">
            <div ui-jp="easyPieChart" ui-options="{
                percent:100,
                lineWidth: 5,
                trackColor: '#fff',
                barColor: '{{app.color.light}}',
                scaleColor: '#fff',
                size: 65,
                lineCap: 'butt',
                color: '{{app.color.success}}',
                animate: 3000
              }">
                <div class="text-white"><i class="fa fa-cny"></i></div>
            </div></div>
          <div class="clear">
            <div class="text-2x font-bold">4,211.65<small class="text-muted">元</small></div>
            <small class="text-muted">截止 2015-11-02 12:00</small>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="panel b-light">
        <div class="panel-heading p-v-xs p-h-sm">
          虚拟账户
        </div>
        <div class="progress progress-xxxs no-margin no-radius bg-white">
          <div class="progress-bar bg-light" style="width:100%"></div>
        </div>
        <div class="panel-body p-sm">
          <div class="pull-left pull-none-sm text-center m-r-xs">
            <div ui-jp="easyPieChart" ui-options="{
                percent:100,
                lineWidth: 5,
                trackColor: '#fff',
                barColor: '{{app.color.light}}',
                scaleColor: '#fff',
                size: 65,
                lineCap: 'butt',
                color: '{{app.color.inverse}}',
                animate: 3000
              }">
                <div class="text-white"><i class="ti-credit-card"></i></div>
            </div></div>
          <div class="clear">
            <div class="text-2x font-bold">2,012.23<small class="text-muted">元</small></div>
            <small class="text-muted">截止 2015-11-02 12:00</small>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="panel b-light">
        <div class="panel-heading p-v-xs p-h-sm">
          在投放广告数
        </div>
        <div class="progress progress-xxxs no-margin no-radius bg-white">
          <div class="progress-bar bg-light" style="width:100%"></div>
        </div>
        <div class="panel-body p-sm">
          <div class="pull-left pull-none-sm text-center m-r-xs">
            <div ui-jp="easyPieChart" ui-options="{
                percent:100,
                lineWidth: 5,
                trackColor: '#fff',
                barColor: '{{app.color.light}}',
                scaleColor: '#fff',
                size: 65,
                lineCap: 'butt',
                color: '{{app.color.primary}}',
                animate: 3000
              }">
                <div class="text-white"><i class="ti-menu"></i></div>
            </div></div>
          <div class="clear">
            <div class="text-2x font-bold">12</div>
            <small class="text-muted">截止 2015-11-02 12:00</small>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row" ng-controller="ChartCtrl">
    <div class="col-md-12">
      <div class="panel b-light">
        <div class="panel-heading clear">
        <div class="col-sm-2 pull-right">
            <select class="form-control">
              <option value="1">过去7天</option>
              <option value="2">过去30天</option>
              <option value="3">今天</option>
              <option value="4">昨天</option>
            </select>
        </div>
        <span>总体情况</span>
       </div>
        <div class="progress progress-xxxs no-margin no-radius bg-white">
          <div class="progress-bar bg-light" style="width:100%"></div>
        </div>
        <div class="panel-heading" ng-controller="SelectDemoCtrl2">
        <div class="clear">
<div class="col-md-3">
<div class="panel p">
<div class="panel-heading p-v-xs p-h-sm"><i class="ti-eye text-primary"></i> 曝光量</div>
<div class="text-2x font-bold">34,211<small class="text-muted">次</small></div>
</div>
</div>
<div class="col-md-3">
<div class="panel p">
<div class="panel-heading p-v-xs p-h-sm"><i class="glyphicon glyphicon-hand-up text-primary"></i> 点击量</div>
<div class="text-2x font-bold">1,211<small class="text-muted">次</small></div>
</div>
</div>
<div class="col-md-3">
<div class="panel p">
<div class="panel-heading p-v-xs p-h-sm"><i class="fa fa-calculator text-primary"></i> 平均点击率</div>
  <div class="text-2x font-bold">0.06<small class="text-muted">%</small></div>
</div>
</div>
<div class="col-md-3">
<div class="panel p">
<div class="panel-heading p-v-xs p-h-sm"><i class="fa fa-money text-primary"></i> 花费</div>
  <div class="text-2x font-bold">1,542<small class="text-muted">元</small></div>
</div>
</div>
  </div>
         <!-- <label class="ui-switch bg-inverse pull-right" ng-init="showData=true">
            <input type="checkbox" ng-model="showData">
            <i></i>
          </label>-->
          <div class="pull-right" ng-controller="SelectDemoCtrl3">
          <button type="button" class="btn btn-default" ng-model="selectedIcon" data-html="1" ng-options="icon.value as icon.label for icon in icons" bs-select>
      Action <span class="caret"></span>
    </button>
        <i class="fa fa-caret-up text-success"></i><span class="text-xs text-muted m-l-xs">0.2%</span>
          </div>
          <button type="button" class="btn btn-default" ng-model="selectedIcon" data-html="1" ng-options="icon.value as icon.label for icon in icons" bs-select>
      Action <span class="caret"></span>
    </button>
        <i class="fa fa-caret-up text-success"></i><span class="text-xs text-muted m-l-xs">1.5%</span>
        </div>
        <div class="panel-body">
          <div ui-jp="plot" ui-refresh="showData" ui-options="
            [
              {
                data: {{plot_line}},
                points: { show: true, radius: 4, lineWidth: 3, fillColor: 'rgba(18,147,204,0.5)'},
                lines:  { show: true, lineWidth: 0, fill: 0.5, fillColor: 'rgba(18,147,204,0.5)' },
                color:'#fff'
              },
              {
                data: {{plot_line_3}},
                points: { show: true, radius: 4, lineWidth: 3, fillColor: 'rgba(166,107,238,0.5)'},
                lines:  { show: true, lineWidth: 0, fill: 0.5, fillColor: 'rgba(166,107,238,0.5)' },
                color:'#fff'
              }
            ],
            {
              series: { shadowSize: 0 },
              xaxis: { show: true, font: { color: '#ccc' }, position: 'bottom' },
              yaxis:{ show: true, font: { color: '#ccc' }},
              grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
              tooltip: true,
              tooltipOpts: { content: '%x.0 is %y.4',  defaultTheme: false, shifts: { x: 0, y: -40 } }
            }
          " style="height:240px" >
          </div>
        </div>
      </div>
    </div>
    <!--<div class="col-md-4">
      <div class="panel b-light">
        <div class="panel-heading" ng-controller="SelectDemoCtrl3">
          <a href=""></a>
          <button type="button" class="btn btn-default" ng-model="selectedIcon" data-html="1" ng-options="icon.value as icon.label for icon in icons" bs-select>
      Action <span class="caret"></span>
    </button>
        </div>
        <div style="margin: 0 -2px">
          <div ui-jp="plot" ui-options="
            [
              { data: {{plot_line_1}}, points: { show: true, radius: 0}, splines: { show: true, tension: 0.45, lineWidth: 1, fill: 0.2 } },
              { data: {{plot_line_2}}, points: { show: true, radius: 0}, splines: { show: true, tension: 0.45, lineWidth: 1, fill: 1 } }
            ], 
            {
              colors: ['{{app.color.success}}', '{{app.color.inverse}}'],
              series: { shadowSize: 3 },
              xaxis: { show: false, font: { color: '#ccc' }, position: 'bottom' },
              yaxis:{ show: false, font: { color: '#ccc' }},
              grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
              tooltip: true,
              tooltipOpts: { content: '%x.0 is %y.4',  defaultTheme: false, shifts: { x: 0, y: -40 } }
            }
          " style="height:175px" >
          </div>
        </div>
        <div class="panel-footer bg-inverse no-b-t">
          <div class="box">
            <div class="box-col p-md">
              <span class="text-xl text-lt">30,343 <i class="fa fa-caret-up text-muted"></i></span>
            </div>
          </div>
        </div>
      </div>
    </div>-->
  </div>
  <!-- <div class="row" ng-controller="VectorMapCtrl">
    <div class="col-md-3 no-border-sm">
      <div class="panel-heading b-b b-light">曝光量 <small class="text-muted">TOP5</small></div>
      <div class="list-group no-border no-radius">
        <div class="list-group-item">
          <span class="pull-right">293,200</span>
          <i class="fa fa-fw fa-circle b1"></i>
          社会山qq聊天
        </div>
        <div class="list-group-item">
          <span class="pull-right">203,000</span>
          <i class="fa fa-fw fa-circle b2"></i>
          社会山qq聊天5
        </div>
        <div class="list-group-item">
          <span class="pull-right">180,230</span>
          <i class="fa fa-fw fa-circle b3"></i>
          社会山qq聊天4
        </div>
        <div class="list-group-item">
          <span class="pull-right">130,100</span>
          <i class="fa fa-fw fa-circle b4"></i>
          社会山qq聊天2
        </div>
        <div class="list-group-item">
          <span class="pull-right">98,000</span>
          <i class="fa fa-fw fa-circle b5"></i>
          社会山qq聊天3
        </div>
      </div>
    </div>
    
    <div class="col-md-3 no-border-sm">
      <div class="panel-heading b-b b-light">点击量 <small class="text-muted">TOP5</small></div>
      <div class="list-group no-border no-radius">
        <div class="list-group-item">
          <span class="pull-right">3,200</span>
          <i class="fa fa-fw fa-circle b1"></i>
          社会山qq聊天
        </div>
        <div class="list-group-item">
          <span class="pull-right">3,000</span>
          <i class="fa fa-fw fa-circle b2"></i>
          社会山qq聊天5
        </div>
        <div class="list-group-item">
          <span class="pull-right">2,230</span>
          <i class="fa fa-fw fa-circle b3"></i>
          社会山qq聊天4
        </div>
        <div class="list-group-item">
          <span class="pull-right">2,100</span>
          <i class="fa fa-fw fa-circle b4"></i>
          社会山qq聊天2
        </div>
        <div class="list-group-item">
          <span class="pull-right">1,000</span>
          <i class="fa fa-fw fa-circle b5"></i>
          社会山qq聊天3
        </div>
      </div>
    </div>
    
    
    <div class="col-md-3 no-border-sm">
      <div class="panel-heading b-b b-light">点击率 <small class="text-muted">TOP5</small></div>
      <div class="list-group no-border no-radius">
        <div class="list-group-item">
          <span class="pull-right">0.08%</span>
          <i class="fa fa-fw fa-circle b1"></i>
          社会山qq聊天
        </div>
        <div class="list-group-item">
          <span class="pull-right">0.08%</span>
          <i class="fa fa-fw fa-circle b2"></i>
          社会山qq聊天5
        </div>
        <div class="list-group-item">
          <span class="pull-right">0.07%</span>
          <i class="fa fa-fw fa-circle b3"></i>
          社会山qq聊天4
        </div>
        <div class="list-group-item">
          <span class="pull-right">0.07%</span>
          <i class="fa fa-fw fa-circle b4"></i>
          社会山qq聊天2
        </div>
        <div class="list-group-item">
          <span class="pull-right">0.06%</span>
          <i class="fa fa-fw fa-circle b5"></i>
          社会山qq聊天3
        </div>
      </div>
    </div>
    
    <div class="col-md-3 no-border-sm">
      <div class="panel-heading b-b b-light">花费 <small class="text-muted">TOP5</small></div>
      <div class="list-group no-border no-radius">
        <div class="list-group-item">
          <span class="pull-right">3,200.97</span>
          <i class="fa fa-fw fa-circle b1"></i>
          社会山qq聊天
        </div>
        <div class="list-group-item">
          <span class="pull-right">1,800.34</span>
          <i class="fa fa-fw fa-circle b2"></i>
          社会山qq聊天5
        </div>
        <div class="list-group-item">
          <span class="pull-right">1,710.23</span>
          <i class="fa fa-fw fa-circle b3"></i>
          社会山qq聊天4
        </div>
        <div class="list-group-item">
          <span class="pull-right">1,100.32</span>
          <i class="fa fa-fw fa-circle b4"></i>
          社会山qq聊天2
        </div>
        <div class="list-group-item">
          <span class="pull-right">900.43</span>
          <i class="fa fa-fw fa-circle b5"></i>
          社会山qq聊天3
        </div>
      </div>
    </div>
    
  </div>-->
</div>